// import React from 'react'
// import {useEffect,useRef,useState} from "react"  // useEffect是一个副租用钩子
// // useeffect至少可以模拟类组件的三个生命周期
// function App() {
//   let [name,setName] = useState("zhangsan")
//   let [num,setNum] = useState(0)
//   let myref = useRef(null)
//   let fn = ()=>{
//       setName("lisi")
//       setNum((num)=>num + 1)
//   }
//   useEffect(()=>{
//      console.log("我是默认的")
//      return ()=>{ // useEffect里返回的函数相当于类组件得componetwillunmountd
//          console.log("组件将要卸载了");
//      }
//   },[]) // 空数组叫依赖项，当依赖项为一个空数组的时候，相当于类组件得componentDidmounted
//   useEffect(()=>{
//     console.log("我执行了");
//   },[num]) //   相当于vue的watch  name一发生改变，useEeefct里的东西就执行，相当于类组件compnentdidUPDATE
//   return (
//     <div>
//         <button onClick={fn}>点击</button>
//         <span ref={myref}>{num}</span>
//     </div>
//   )
// }

// export default App
import React from 'react'
import {useRoutes} from "react-router-dom"
import routerconfig from '../router'
function App() {
  return (
    <div>
        {
            useRoutes(routerconfig)
        }
    </div>
  )
}

export default App